@charset "utf-8";
$fontSize:40;
@function r($p){
    @return $p/$fontSize*1rem;
}

body{
    background:#ffffff;
}
.gray{
    padding:0;
    background:#efefef;
    height:r(18);
}
.last{
    border:none;
}
*{
    margin: 0;
    padding: 0;
}
html,body{
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.web{
    width: 100%;
    height: 100%;
    position: relative;

.main{
    font-size: 0;
    margin-top:r(10);
     width:100vw;
     position: absolute;
     left:0;
     right: 0;
     top:r(90);;
     bottom:r(100);
     /*height: calc(100% - 50px);*/
     overflow: auto;
     >.titleA{
        padding:0 r(32);
        font-size:r(30);
        color:#000;
        font-weight: bold;
        margin-top:r(43);
     }
     >.tuan{
        padding:0 r(40);
        
        >.xinxi{
            display:flex;
            display:-webkit-flex;
            justify-content: flex-end;
            >div{
                width:r(23);
                margin-left:r(45);
                >img{
                    width:100%;
                    
                }
            }
            >span{
                color:#8b8b8b;
                font-size:r(20);
               
            }
        }
        >.wt_date{
            color:#8b8b8b;
            font-size:r(20);
            text-align: right;
            >span{
                color:#b10100;
                
            }
        }
     }//tuan
     >.wt_txt{
        padding:0 r(40);
        padding-bottom:r(40);
        font-size:r(20);
        >p{
            margin-top:r(35);
            color:#8b8b8b;
            text-align:justify;
        }
        >.no_jianx{
            margin-top:0;
        }
        >.no_jianxt{
            margin-top:0;
            margin-bottom:r(20);
        }
        >section{
            color:#000;
            margin-top:r(30);
            font-weight: bold;

        }
        >.img_box{
            margin-top:r(12);
            width:100%;
            img{
                width:100%;
            }
        }
       
     }//wt_txt
     .jieshao{
         display: flex;
         display: -webkit-flex;
         padding:r(32) r(40);

         >span{
             font-size:r(21);
             color:#717171;
         }
         >p{
             font-size:r(21);
             color:#717171;
         }
     }
     >.wz_bottom{
        
        >.tu_three{
            margin-top:r(38);
            margin-bottom:r(50);
            padding:0 r(160);
            display:flex;
            display:-webkit-flex;
            justify-content: space-around;
            >.three_img{
                text-align: center;
                width:r(75);
                >img{
                    width:100%;
                    // margin-right:r(55);
                }
                >span{
                    font-size:r(20);
                    color:#8b8b8b;
                }
            }
        }
        .wb{
            position: relative;
            padding:0 r(40);
            padding-top:px;
            text-align: center;
            >textarea{
            border: #8b8b8b 1px solid;
            padding:r(10);
            text-align: left;
            resize: none;
               width:100%;
               height:r(192);
                
            }
            >p{
                position: absolute;
                top:50%;
                left:50%;
                transform: translate(-50%,-50%);
                font-size:r(20);
                >a{
                    color:#b10100;
                    text-decoration: underline;
                }
            }
        }
        >p{
            margin:0 auto;
            margin-top:r(20);
            padding:r(10) 0;
            background:#b10100;
            font-size:r(26);
            color:#fff;
            width:r(397);
            text-align: center;
        }
       >.pl{
           font-size:r(18);
           color:#717171;
           padding:0 r(40);
           margin-top:r(50);
           >span{
               text-decoration: underline;
           }
       }
       >.pl_box{
           padding-bottom:r(25);
           margin:0 auto;
            margin-top:r(25); 
            width:95%;
            border-bottom:#b8b8b8 1px dashed;
            >.admin{
                    padding:0 r(40);
                    display:flex;
                    display:-webkit-flex;
                    align-items: center;
                    >.admin_tx{
                        width:r(53);
                        >img{
                            width:100%;
                        }
                    }
                    >span{
                        font-size:r(18);
                        color:#b2b2b2;
                    }
                    >.name{
                        color:#434343;
                    }
            }
            >.admin_pl{
                margin:0 auto;
                display:flex;
                display:-webkit-flex;
                justify-content: space-between;
                align-items: center;
                width:r(540);
                >p{
                    font-size:r(22);
                    color:#434343;
                }
                >span{
                    font-size:r(18);
                    color:#b2b2b2;
                }
            }
            >p{
                width:r(540);
                margin:0 auto;
                text-align: right;
                >span{
                    color:#434343;
                    font-size:r(19);
                    margin-left:r(5);
                }
                >label{
                    >span{
                        color:#434343;
                        font-size:r(19);
                        
                    }
                }
                    >.xia{
                        display: inline-block;
                        transform: rotateZ(90deg);
                        color:#b2b2b2;
                    }
               
              
            }
      
            #A,#B{
                display: none;
       }
       #A:checked~.huifu_pl, #B:checked~.huifu_pl{
                height:r(450);
       }
            >.huifu_pl{
                margin:0 auto;
                background:#fafafa;
                width:r(540);
                height:0;
                overflow: hidden;
                transition:all 1s ease-in-out;
                >.huifu_pl_t{
                    padding:r(22) r(10) r(15) r(25);
                    font-size: r(18);
                    display:flex;
                    display:-webkit-flex;
                }
                >.huifu_date{
                    margin:0 auto;
                    width:r(510);
                    font-size: r(18);
                    color:#b1b1b1;
                    text-align: right;
                   
                    padding-bottom:r(15);
                    border-bottom:#b8b8b8 1px dashed;
                }
                >.kuang{
                    position: relative;
                    margin: 0 auto;
                    margin-top:r(20);
                    width:r(496);
                    text-align: right;
                    >textarea{
                        text-align: left;
                        padding:r(5);
                        width:100%;
                        height: r(72);
                        border:#8b8b8b 1px solid;
                    }
                    >div{
                        position: absolute;
                        bottom:60%;
                        right:0;
                        transform: translate(-50%,-50%);
                        >span{
                         
                            font-size: r(12);
                            color:#b1b1b1;
                        }    
                    }
                   
                    >button{
                        background:#b10100;
                        padding:r(10) r(64);
                        color:#fff;
                        font-size: r(20);
                        margin-top:r(8);
        
                    }
                }
                
            }//.huifu_pl
        
          
           
       }//pl_box
       .pl_box:last-child{
           border: none;
       }
     }//wz_bottom
     article{
         width:95%;
        font-size:r(22);
        color:#bababa;
        padding:r(20) 0;
        margin:0 auto;
        text-align: center;
        border-top:#ddd 1px solid;
        background: #fff;
     }
    }//main

}//web

